<style>
#amarillo {
	background-color: #FFAA00;
	width:150px;
	height:25px;
	float:right;
		margin:2px;
	padding:2px;
}
#verde {
	background-color: #00FF00;
	width:150px;
	height:25px;
	float:right;
		margin:2px;
	padding:2px;
}

#rojo {
	background-color: #FF0000;
	width:150px;
	height:25px;
	float:right;
	margin:2px;
	padding:2px;
}
</style>


<a class="button_volver">Volver</a>

<?=$this->msg($this->translate('Situación Sistemas').' '.$this->zona($this->idZona),'head',null,false);?>
<div class="tabla">
  <div class="fila">
    <?if($this->sistemaA):?><div class="col"><img src="/graficos/jp.cuadro_mando.php?id_contador=<?=$this->sistemaA?>&f_lectura=<?=$this->fecha?>" border="0"/></div><?endif?>
    <?if($this->sistemaB):?><div class="col"><img src="/graficos/jp.cuadro_mando.php?id_contador=<?=$this->sistemaB?>&f_lectura=<?=$this->fecha?>" border="0"/></div><?endif?>
    <?if($this->sistemaC):?><div class="col"><img src="/graficos/jp.cuadro_mando.php?id_contador=<?=$this->sistemaC?>&f_lectura=<?=$this->fecha?>" border="0"/></div><?endif?>
    <?if($this->sistemaD):?><div class="col"><img src="/graficos/jp.cuadro_mando.php?id_contador=<?=$this->sistemaD?>&f_lectura=<?=$this->fecha?>" border="0"/></div><?endif?>
  
   </div>
</div>

<div id="rojo">Superado el 100%</div>
<div id="amarillo">Superado umbral de preaviso.</div>
<div id="verde">Situación normal</div>

<a class="button_volver">Volver</a>



